<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
	<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
	<title>课程机构列表 - 慕学在线网</title>
	<link rel="stylesheet" type="text/css" href="../../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../../css/animate.css">
	<link rel="stylesheet" type="text/css" href="../../css/style.css">
    
    <script src="../../js/jquery.min.js" type="text/javascript"></script>
    <script src="../../../js/message.js" type="text/javascript"></script>
    <script src="../../js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var ctx = "${sessionScope.user_session}";
    </script>
</head>
<body onload="setTimeout('getcount()',1000)">
<section class="headerwrap ">
    <header>
		<div  class=" header">
 			<div class="top">
				<div class="wp">
					<div class="fl"><p>服务电话：<b>13280797579</b></p></div>
                    <c:choose>
                        <c:when test="${sessionScope.user_session!=null}">
                            <div class="personal">
                                <dl class="user fr">
                                    <dd>${sessionScope.user_session.username}<img class="down fr" src="${pageContext.request.contextPath}/images/top_down.png"/></dd>
                                    <dt><img width="20" height="20" src="${pageContext.request.contextPath}${sessionScope.user_session.image}"/></dt>
                                </dl>
                                <div class="userdetail">
                                    <dl>
                                        <dt><img width="80" height="80" src="${pageContext.request.contextPath}${sessionScope.user_session.image}"/></dt>
                                        <dd>
                                            <h2>${sessionScope.user_session.username}</h2>
                                            <p>用户</p>
                                        </dd>
                                    </dl>
                                    <div class="btn">
                                        <a class="personcenter fl" href="${pageContext.request.contextPath}/usercenter">进入个人中心</a>
                                        <a class="fr" href="${pageContext.request.contextPath}/logout">退出</a>
                                    </div>
                                </div>
                                <a href="/message">
                                    <div class="msg-num"><span id="MsgNum"></span></div>
                                </a>
                            </div>
                        </c:when>
                        <c:otherwise>
                            <a style="color:white" class="fr registerbtn" href="/register">注册</a>
                            <a style="color:white" class="fr loginbtn" href="${pageContext.request.contextPath}/login">登录</a>
                        </c:otherwise>
                    </c:choose>

				</div>
			</div>

            <div class="middle">
                <div class="wp">
                    <a href="/index"><img class="fl" src="../../images/logo.jpg"/></a>
                    <div class="searchbox fr">
                        <div class="selectContainer fl">
                            <span class="selectOption" id="jsSelectOption" data-value="course">
                                公开课
                            </span>
                            <ul class="selectMenu" id="jsSelectMenu">
                                <li data-value="course">公开课</li>
                                <li data-value="org">课程机构</li>
                                <li data-value="teacher">授课老师</li>
                            </ul>
                        </div>
                        <input id="search_keywords" class="fl" type="text" value="" placeholder="请输入搜索内容"/>
                        <img class="search_btn fr" id="jsSearchBtn" onclick="search_click()" src="../../images/search_btn.png"/>
                    </div>
                </div>
            </div>
            
            
			<nav>
				<div class="nav">
					<div class="wp">
						<ul>
							<li class="active" ><a href="/index">首页</a></li>
							<li >
								<a href="/course-list">
									公开课<img class="hot" src="../../images/nav_hot.png">
								</a>
							</li>
							<li >
								<a href="/showTeacherList">授课教师</a>
							</li>
							<li ><a href="${pageContext.request.contextPath}/org_list">授课机构</a></li>
						</ul>
					</div>
				</div>
			</nav>
            
			</div>
    </header>
</section>
<!--crumbs start-->



    <div class="banner">
			<div class="wp">
				<div class="fl">
					<div class="imgslide">
						<ul class="imgs">
                           <c:forEach items="${banners}" var="banner" begin="0" end="3">
                               <li>
                                   <a href="${banner.url}">
                                       <img width="1200" height="478" title="${banner.title}" src="${banner.image}" />
                                   </a>
                               </li>
                           </c:forEach>


						</ul>
					</div>
					<div class="unslider-arrow prev"></div>
					<div class="unslider-arrow next"></div>
				</div>

				</div>


			</div>
<!--banner end-->
<!--feature start-->
	<section>
		<div class="wp">
			<ul class="feature">
				<li class="feature1">
					<img class="pic" src="../../images/feature1.png"/>
					<p class="center">专业权威</p>
				</li>
				<li class="feature2">
					<img class="pic" src="../../images/feature2.png"/>
					<p class="center">课程最新</p>
				</li>
				<li class="feature3">
					<img class="pic" src="../../images/feature3.png"/>
					<p class="center">名师授课</p>
				</li>
				<li class="feature4">
					<img class="pic" src="../../images/feature4.png"/>
					<p class="center">数据真实</p>
				</li>
			</ul>
		</div>
	</section>
<!--feature end-->
<!--module1 start-->
	<section>
		<div class="module">
			<div class="wp">
				<h1>公开课程</h1>
				<div class="module1 eachmod">
					<div class="module1_1 left">
						<img width="228" height="614" src="../../images/module1_1.jpg"/>
						<p class="fisrt_word">名师授课<br/>专业权威</p>
						<a class="more" href="/course-list">查看更多课程 ></a>
					</div>
					<div class="right group_list">
						<div class="module1_2 box">
							<div class="imgslide2">
								<ul class="imgs">
                                 <c:forEach items="${courses}" var="course">
                                     <li>
                                         <a href="/course-detail?id=${course.id}">
                                             <img width="470" title="${course.name}" height="300" src="${course.image}" />
                                         </a>
                                     </li>
                                 </c:forEach>
								</ul>
							</div>
							<div class="unslider-arrow2 prev"></div>
							<div class="unslider-arrow2 next"></div>
						</div>
                        <c:forEach items="${courses}" var="course" begin="0" end="5">
                            <div class="module1_3 box">
                                <a href="/course-detail?id=${course.id}">
                                    <img width="233" height="190" src="${course.image}"/>
                                </a>
                                <div class="des">
                                    <a href="/course-detail?id=${course.id}">
                                        <h2 title="${course.name}">${course.name}</h2>
                                    </a>
                                    <span class="fl">难度：<i class="key">${course.degree}</i></span>
                                    <span class="fr">学习人数：${course.students}</span>
                                </div>
                                <div class="bottom">
                                    <span class="fl" title="${course.organization.name}">${course.organization.name}</span>
                                    <span class="star fr">${course.fav_nums}</span>
                                </div>
                            </div>
                        </c:forEach>
                            </div>
                            
					</div>
				</div>
			</div>
		</div>
	</section>
	<section>
		<div class="module greybg">
			<div class="wp">
				<h1>课程机构</h1>
				<div class="module3 eachmod">
					<div class="module3_1 left">
						<img width="228" height="463" src="../../images/module3_1.jpg"/>
						<p class="fisrt_word">名校来袭<br/>权威认证</p>
						<a class="more" href="/org_list">查看更多机构 ></a>
					</div>
					<div class="right">
						<ul>
                            <c:forEach items="${orgs}" var="org" varStatus="index">
                                <li <c:if test="${index.index==4 || index.index==9 || index.index==14}">class="five"</c:if>>
                                    <a href="/org_home?id=${org.id}">
                                        <div class="company">
                                            <img width="184" height="100" src="${org.image}"/>
                                            <div class="score">
                                                <div class="circle">
                                                    <h2>全国知名</h2>
                                                </div>
                                            </div>
                                        </div>
                                        <p><span class="key" title="${org.name}">${org.name}</span></p>
                                    </a>
                                </li>
                            </c:forEach>
                            
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>

<footer>
		<div class="footer">
			<div class="wp">
				<ul class="cont">
					<li class="logo"><a href=""><img src="../../images/footlogo.png"/></a></li>
					<li class="code"><img src="../../images/code.jpg"/><p class="center">扫描关注微信</p></li>
					<li class="third"><img class="fl" src="../../images/tell.png"/><p class="tell">13280797579</p><p class="time">周一至周日 9:00-18:00</p></li>
				</ul>

			</div>
			<p class="line"></p>
			<div class="wp clear">
                <span class="fl">? 2016 www.projectsedu.com 慕学在线-在线学习交流平台 保留所有权利</span>
                <span class="fr">copyright ? 2016 ICP备案证书号：蜀ICP备xxxxx号-1</span>
			</div>
		</div>
	</footer>

<section>
    <ul class="sidebar">
        <li class="qq">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2023525077&site=qq&menu=yes"></a>
        </li>
        <li class="totop"></li>
    </ul>
</section>
<script src="../../js/selectUi.js" type='text/javascript'></script>
<script src="../../js/deco-common.js" type='text/javascript'></script>
<script type="text/javascript" src="../../js/plugins/laydate/laydate.js"></script>
<script src="../../js/plugins/layer/layer.js"></script>
<script src="../../js/plugins/queryCity/js/public.js" type="text/javascript"></script>
<script src="../../js/unslider.js" type="text/javascript"></script>
<script src="../../js/plugins/jquery.scrollLoading.js"  type="text/javascript"></script>
<script src="../../js/deco-common.js"  type="text/javascript"></script>

    <script type="text/javascript" src="../../js/index.js"></script>

</body>
</html>
